import React, { Component } from 'react'
// import webmap from '../assets/images/webmap.svg'
import { observer, inject } from 'mobx-react'
import { Button, Column, Columns } from '@kube-design/components'
import { Link } from 'react-router-dom'
import styles from './index.scss'
import Applications from './Applications'

// @inject('clusterStore')
// @observer
export default class BigScreen extends Component {
  // componentDidMount() {
  //   this.cluster.fetchVersion(this.props.match.params)
  // }

  // get cluster() {
  //   return this.props.clusterStore
  // }

  render() {
    // const { match } = this.props
    // const { detail } = this.cluster

    return (
      <div className={styles.background}>
        <Link to="/clusters/default/overview">
          <Button className={styles.button} onClick={this.handleClick}>
            {'进入系统'}
          </Button>
        </Link>
        <p style={{ marginBottom: '3em' }}></p>
        <Columns>
          <Column style={{ flex: 0.3 }}>
            <Applications />
          </Column>

          <Column style={{ flex: 0.3 }}></Column>
        </Columns>
      </div>
    )
  }
}
